<style>
    body{
        background-color: #f9f9f9;
    }
    .xh-form .btn{
        margin-right: 0px;
    }
    .textbox-text .textbox-prompt{
        color: white;
    }
    .form-control[readonly]{
        background-color: white;
    }
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    .fa{
        margin-top: 3px;
    }
    .tree-file{
        clear: both;
        background: none;
    }
    .combo{
        border-radius:4px
    }

</style>
<script>
    var chargeDep={{ chargeDep }};
</script>
<form id="xh_form" class="xh-form"  method="post"    style="margin-left: 20px;">
    <div class="xh-area-form">
        <table style="width: 100%;height: 100%">
            <tr>

                <td style="width: 50px;"><label style="float: right;margin-right: 20px;">名称:</label></td>
                <td style="width: 100px"><input  name="staffName" type="text"  style="width: 170px"  readonly></td>
                <td style="display: none"><input  name="staffId" type="text"  style="width: 170px" ></td>
                <td style="width: 120px;"><label style="float: right">选择相关部门:</label></td>
                <td>
                    <select id="cc1" class="easyui-combotree"  multiple="multiple" style="width: 170px;height: 34px "
                            data-options="url:'{{ url("bpm/template/getDepEnum") }}',
                                          required:false,multiple: true, cascadeCheck:false,panelHeight:150,editable:true">
                    </select>
                    <input name="sRelatDeps" style="display: none">
                </td>
            </tr>
            <tr>
                <td colspan="4"><font color="red">注意：设置负责人时,若那个区市下已经存在负责人,会将其清除掉;<br>
                    下面是当前选中部门负责人</font></td>
            </tr>
            <tr>
                <td colspan="4" id="depChargeInfo">

                </td>
            </tr>
        </table>
    </div>
</form>